<template>
    <div>
      <h1>{{msg}}</h1>
      <!-- 加载子页面-->
      <div :style="sty">
        <router-view></router-view>
      </div>

    </div>
</template>

<script>
    export default {
        name: "product",
        data(){
          return{
            msg:"这是商品页面",
            sty:"background:red;width:200px;height:200px"
          }
        }

    }
</script>

<style scoped>

</style>
